{% extends "admin/_layouts/admin_lte.twig" %}
{% set _breadName = 'User List' %}

{% block pluginsStyle %}
  <!-- DataTables -->
  <link rel="stylesheet" href="{{ _globals.lteAsset }}plugins/datatables/dataTables.bootstrap.css">
{% endblock %}

{% block topScript %}
 <script>
     GVar.roles = {{ roles|json_encode|raw }};
 </script>
{% endblock %}

{% block pluginsScript %}
<!-- DataTables -->
<script src="{{ _globals.lteAsset }}plugins/datatables/jquery.dataTables.min.js"></script>
<script src="{{ _globals.lteAsset }}plugins/datatables/dataTables.bootstrap.min.js"></script>
{% endblock %}

{% block bottomScript %}
<script type="text/javascript" src="{{ _globals.srcAsset }}admin/user/index.js"></script>
{% endblock %}

{% block body %}
  <div class="row">
    <div class="col-xs-12">
      <div class="box">
        <div class="box-header">
          <h3 class="box-title">Hover Data Table</h3>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
          <table id="example2" class="table table-bordered table-hover">
            <thead>
            <tr>
              {# <th>Rendering engine</th> #}
              <th>#ID</th>
              <th>用户名</th>
              <th>Email</th>
              <th>注册时间</th>
            </tr>
            </thead>
            <!-- content there -->
            {# <tfoot>
            <tr>
              <th>Rendering engine</th>
              <th>Browser</th>
              <th>Platform(s)</th>
              <th>Engine version</th>
              <th>CSS grade</th>
            </tr>
            </tfoot> #}
          </table>
        </div>
        <!-- /.box-body -->
      </div>
      <!-- /.box -->
    <!-- /.col -->
  </div>
  <!-- /.row -->
{% endblock %}